@charset "utf-8";
/*---- index 首页 ----*/
/*carousel*/
.carousel{
    height: 760px;
    overflow: hidden;
}
.carousel .carousel-inner{
    height: 100%;
}
.carousel .carousel-inner>.item {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.carousel-inner>.item>img{
    width: 100%;
}
.carousel .carousel-inner>.item .info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.carousel .carousel-inner>.item .info span{
    display: block;
    font-size: 24px;
    color: #fff;
    font-family: 'sy7';
    padding-top: 150px;
    padding-bottom: 16px;
}
.carousel .carousel-inner>.item .info h1{
    font-size: 60px;
    line-height: 80px;
    color: #fff;
    font-family: 'sy5';
}
    .carousel .carousel-inner > .item .info .a-look {
        position: relative;
        display: inline-block;
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        font-family: 'sy7';
        padding-top: 45px;
        /*padding-left: 85px;*/
    }
        .carousel .carousel-inner > .item .info .a-look:hover {
            color: #006fdb;
            /*font-size: 24px;*/
        }
        .carousel .carousel-inner > .item .info .a-look:after,
        .carousel .carousel-inner > .item .info .a-look after {
            position: absolute;
            left: 60px;
            top: 52px;
            content: '';
            display: inline-block;
            width: 48px;
            height: 18px;
            background: url(../bg/ico-look.png) no-repeat center center;
            margin-left: 18px;
            vertical-align: middle;
            padding-left: 85px;
        }
        .carousel .carousel-inner > .item .info .a-look:hover:after,
        .carousel .carousel-inner > .item .info .a-look:hover after {
            position: absolute;
            left: 120px;
            content: '';
            display: inline-block;
            background-image: url(../bg/ico-look-h.png);
            vertical-align: middle;
            -webkit-animation: left ease-in-out 0.8s;
            -moz-animation: left ease-in-out 0.8s;
            -o-animation: left ease-in-out 0.8s;
            animation: left ease-in-out 0.8s;
            animation-fill-mode: forwards;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            margin-left: 85px;
            padding-left: 85px;
        }
.carousel .carousel-indicators{
    width: 1200px;
    margin-left: -600px;
}
.carousel .carousel-indicators li{
    width: 19%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: rgba(255,255,255,0.4);
    margin: 0;
    text-indent: 0;
    border: 0;
    border-radius: 0;
    background: none;
    font-family: 'sy5';
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.carousel .carousel-indicators li:before,
.carousel .carousel-indicators li before{
    content: '';
    display: block;
    width: 108px;
    height: 5px;
    background: transparent;
    margin: 0 auto;
    text-align: center;
}
.carousel .carousel-indicators .active{
    width: 19%;
    height: 50px;
    line-height: 50px;
    color: rgba(255,255,255,1);
    margin: 0;
    background: none;
}
.carousel .carousel-indicators li.active:before,
.carousel .carousel-indicators li.active before{
    background: #006fdb;
}
@media only screen and (max-width: 1200px){
    .carousel .carousel-indicators{
        left: 0;
        width: 100%;
        margin-left: 0;
    }
}
@media only screen and (max-width: 750px){
    .carousel{
        height: 500px;
    }
    .carousel .carousel-inner>.item .info span{
        font-size: 20px;
        padding-top: 66px;
    }
    .carousel .carousel-inner>.item .info h1{
        font-size: 42px;
        line-height: 60px;
    }
    .carousel .carousel-inner>.item .info .a-look{
        font-size: 18px;
        /*padding-top: 25px;*/
    }
    .carousel .carousel-inner>.item .info .a-look:after,
    .carousel .carousel-inner>.item .info .a-look after{
        width: 37px;
        height: 14px;
        /*-webkit-background-size: 100%;
        background-size: 100%;*/
    }
    .carousel .carousel-indicators{
        bottom: 0;
    }
}
@media only screen and (max-width: 480px){
    .carousel .carousel-inner>.item .info span{
        font-size: 18px;
    }
    .carousel .carousel-inner>.item .info h1{
        font-size: 32px;
        line-height: 44px;
    }
    .carousel .carousel-inner>.item .info .a-look{
        font-size: 16px;
    }
    .carousel .carousel-indicators li,
    .carousel .carousel-indicators .active{
        height: 40px;
        line-height: 40px;
    }
    .carousel .carousel-indicators li{
        font-size: 14px;
    }
    .carousel .carousel-indicators li:before,
    .carousel .carousel-indicators li before{
        height: 3px;
    }
}
@media only screen and (max-width: 360px){
    .carousel .carousel-inner>.item .info h1{
        font-size: 30px;
    }
}
@media only screen and (max-width: 320px){
    .carousel .carousel-inner>.item .info h1{
        font-size: 27px;
        line-height: 36px;
    }
}
/*research*/
.research{
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 44px 0 70px;
}
.title{
    position: relative;
    line-height: 86px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
}
.title h3{
    display: block;
    font-size: 30px;
    line-height: 66px;
    color: #333;
    font-family: 'sy1';
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.title span{
    position: absolute;
    left: 50%;
    bottom: -3px;
    margin-left: -40px;
    display: block;
    width: 80px;
    height: 5px;
    background: #006fdb;
}
.research .list{
    padding-top: 60px;
}
.research .list ul{
    margin-left: -11px;
    margin-right: -11px;
}
.research .list li{
    padding-left: 11px;
    padding-right: 11px;
}
.research .list li .item{
    position: relative;
    width: 100%;
    background-color: #f9f9f9;
}
.research .list li .img{
    width: 100%;
    overflow: hidden;
}
    .research .list li .img img {
        width: 100%;
        /*height: 215px;*/
    }
    .research .list li .info {
        height: 175px;
        overflow: hidden;
        padding: 24px 24px 20px;
        box-sizing: border-box;
        box-shadow: 0 8px 27px rgba(179,179,179,.2);
    }
.research .list li .info h4,
.research .list li .info h4 a{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.research .list li .info h4:before,
.research .list li .info h4 before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 19px;
    background: #006fdb;
    vertical-align: middle;
    margin-right: 12px;
}
.research .list li .info span{
    display: block;
    height: 66px;
    overflow: hidden;
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-weight: 600;
    text-align: justify;
    padding-top: 10px;
    font-family: 'sy5';
}
.research .list li .info em{
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    padding-top: 5px;
}
.research .list li .details{
    position: absolute;
    bottom: 0;
    z-index: 10;
    display: none;
    /*height: 175px;*/
    width:100%;
    overflow: hidden;
    padding: 24px 24px 20px;
    box-sizing: border-box;
    background-color: #fff;
    /*border: 1px solid #006fdb;*/
}
.research .list li .details p{
    /*height: 84px;*/
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: justify;
}
.research .list li .details .a-full{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #006fdb;
    padding-top: 12px;
    padding-left: 43px;
}
.research .list li .details .a-full:before,
.research .list li .details .a-full before{
    position: absolute;
    left: 0;
    top: 22px;
    content: '';
    display: inline-block;
    width: 23px;
    height: 9px;
    background: url(../bg/ico-right.png) no-repeat center center;
    vertical-align: middle;
    -webkit-animation: left ease-in-out 0.8s;
    -moz-animation: left ease-in-out 0.8s;
    -o-animation: left ease-in-out 0.8s;
    animation: left ease-in-out 0.8s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}
.more {
    margin: 50px auto 0;
    text-align: center;
}
.more .a-more{
    display: inline-block;
    width: 178px;
    height: 54px;
    line-height: 54px;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    font-size: 18px;
    color: #006fdb;
}
.more .a-more:hover{
    background: #006fdb;
    border-color: #006fdb;
    color: #fff;
}
@media only screen and (max-width: 1200px){
    .more .a-more{
        width: 150px;
    }
}
@media only screen and (max-width: 750px){
    .research{
        padding: 22px 0 35px;
    }
    .research .list {
        padding-top: 30px;
    }
    .research .list li{
        margin-bottom: 25px;
    }
    .research .list li:last-child{
        margin-bottom: 0;
    }
    .more {
        margin: 30px auto 0;
    }
}
@media only screen and (max-width: 480px){
    .title h3{
        font-size: 26px;
        line-height: 50px;
    }
    .more .a-more{
        width: 120px;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
    }
}
/*academic*/
.academic{
    background: #f6f6f6;
}
.academic .list li .info{
    box-shadow: 0 8px 27px rgba(179,179,179,.2);
}
.academic .list li .info.cur{
    box-shadow: none;
}
/*institute*/
.institute{
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 50px;
}
.institute .row{
    margin-left: -27px;
    margin-right: -27px;
}
.institute .info{
    width: 50%;
    padding: 0 27px;
    box-sizing: border-box;
}
.institute .info h3{
    font-size: 24px;
    line-height: 30px;
    color: #333;
    font-family: 'sy1';
}
.institute .info p{
    font-size: 14px;
    line-height: 30px;
    color: #666;
    padding: 20px 0;
    text-align: justify;
}
.institute .info .a-more{
    font-size: 16px;
    line-height: 24px;
    color: #333;
    letter-spacing: 2px;
}
.institute .info .a-more:after,
.institute .info .a-more after{
    content: '';
    display: inline-block;
    width: 17px;
    height: 13px;
    background: url(../bg/ico-right2.png) no-repeat center center;
    margin-left: 20px;
}
.institute .picture{
    position: relative;
    width: 50%;
    padding: 0 27px;
    box-sizing: border-box;
}
.institute .picture .img{
    float: left;
    width: 483px;
}
.institute .picture .img img{
    width: 100%;
}
.institute .picture .jump{
    position: absolute;
    right: 27px;
    width: 90px;
    height: 230px;
    background: #006fdb;
}
.institute .picture .jump .a-look{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -24px;
    margin-top: -9px;
    width: 48px;
    height: 18px;
    background: url(../bg/ico-look.png) no-repeat center center;
}
@media only screen and (max-width: 1200px){
    .institute .picture .img{
        width: 90%;
    }
}
@media only screen and (max-width: 750px){
    .institute{
        padding-top: 35px;
        padding-bottom: 30px;
    }
    .institute .info, .institute .picture{
        width: 100%;
    }
    .institute .info{
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 480px){
    .institute .info h3{
        font-size: 22px;
    }
    .institute .info p{
        line-height: 26px;
    }
    .institute .info .a-more{
        letter-spacing: 1px;
    }
    .institute .info .a-more:after,
    .institute .info .a-more after{
        margin-left: 12px;
    }
    .institute .picture .jump{
        width: 50px;
    }
    .institute .picture .jump .a-look{
        margin-left: -16px;
        margin-top: -6px;
        width: 32px;
        height: 12px;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
}
/*video*/
.video{
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding-bottom: 70px;
}
.video-main{
    position: relative;
    margin-top: 60px;
}
.video-main .img{
    width: 100%;
}
.video-main .img img{
    width: 100%;
}
.video-main .info{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../bg/bg-t5.png) repeat center center;
}
.video-main .info .ico-play{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -54px;
    margin-top: -54px;
    width: 108px;
    height: 108px;
    background: url(../bg/ico-play.png) repeat center center;
}
.video-main .video-det{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../bg/bg-t5.png) repeat center center;
}
.video-main .video-det video{
    width: 100%;
    height: 100%;
}
.video-main .video-det .ico-close{
    position: absolute;
    right: 8px;
    top: 8px;
    width: 18px;
    height: 18px;
    background: url(../bg/ico-close.png) no-repeat center center;
    z-index: 10003;
    cursor: pointer;
}
@media only screen and (max-width: 750px){
    .video{
        padding-bottom: 35px;
    }
    .video-main{
        margin-top: 30px;
    }
    .video-main .info .ico-play{
        margin-left: -32px;
        margin-top: -32px;
        width: 64px;
        height: 64px;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
}
/*excellent*/
.excellent{
    width: 100%;
    background: #f6f6f6;
    margin: 0 auto;
    padding: 44px 0 70px;
}
.excellent .expert-team{
    width: 69%;
}
.excellent .expert-team .list{
    padding-top: 50px;
}
.excellent .expert-team .list ul{
    margin-left: -13px;
    margin-right: -13px;
}
.excellent .expert-team .list li{
    padding-left: 13px;
    padding-right: 13px;
}
.excellent .expert-team .list li .item{
    width: 100%;
    height: 350px;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    padding: 30px 18px;
    text-align: center;
    box-shadow: 0 8px 27px rgba(179,179,179,.2);
}
.excellent .expert-team .list li .img{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
}
    .excellent .expert-team .list li .img img {
        width: 150px;
        height: 150px;
    }
.excellent .expert-team .list li .info{
    padding-top: 30px;
}
.excellent .expert-team .list li .info h4{
    font-size: 24px;
    line-height: 30px;
    color: #333;
}
.excellent .expert-team .list li .info p{
    font-size: 14px;
    line-height: 30px;
    color: #666;
    padding-top: 6px;
}
.excellent .talent{
    width: 31%;
}
    .excellent .talent .title {
        margin-right: 42px;
    }
    .excellent .talent .list {
        padding-top: 50px;
        margin-right: 42px;
        margin-left: 10px;
    }
.excellent .talent .list li .item{
    width: 100%;
    height: 350px;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 8px 27px rgba(179,179,179,.2);
}
.excellent .talent .list li .img{
    width: 100%;
    overflow: hidden;
}
.excellent .talent .list li .img img{
    width: 100%;
}
.excellent .talent .list li .info{
    padding: 16px 16px 20px;
}
.excellent .talent .list li .info p{
    display: block;
    height: 140px;
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: justify;
}
@media only screen and (max-width: 991px){
    .excellent .expert-team .list li .img{
        width: 100%;
    }
}
@media only screen and (max-width: 750px){
    .excellent{
        padding: 22px 0 35px;
    }
    .excellent .expert-team,.excellent .talent{
        width: 100%;
    }
    .excellent .expert-team .list{
        padding-top: 25px;
    }
    .excellent .expert-team .list li .item{
        height: auto;
    }
    .excellent .expert-team .list li{
        margin-bottom: 20px;
    }
    .excellent .expert-team .list li:last-child{
        margin-bottom: 0;
    }
    .excellent .expert-team .list li .img {
        float: left;
        width: 50%;
    }
    .excellent .expert-team .list li .info{
        float: left;
        width: 50%;
        padding-left: 18px;
        box-sizing: border-box;
        text-align: left;
    }
    .excellent .talent{
        padding-top: 30px;
    }
    .excellent .talent .title{
        margin-left: 0;
    }
    .excellent .talent .list{
        margin-left: 0;
        margin-right: 0;
        padding-top: 25px;
    }
    .excellent .talent .list li .item,
    .excellent .talent .list li .info p{
        height: auto;
    }
}
@media only screen and (max-width: 480px){
    .excellent .expert-team .list li .info{
        padding-top: 10px;
    }
    .excellent .expert-team .list li .info h4{
        font-size: 20px;
    }
    .excellent .expert-team .list li .info p{
        font-size: 15px;
        line-height: 24px;
    }
}
@media only screen and (max-width: 413px){
    .excellent .expert-team .list li .info{
        padding-top: 6px;
    }
}
/*partner*/
.partner{
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 44px 0 70px;
}
.partner .list{
    padding-top: 56px;
}
.partner .list ul{
    margin-left: -10px;
    margin-right: -10px;
}
.partner .list li{
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.partner .list li .item{
    width: 100%;
}
.partner .list li .img{
    width: 100%;
    overflow: hidden;
    background: #f6f6f6;
}
.partner .list li .img img{
    width: 100%;
}
.partner .list li .info{
    padding: 12px 0 22px;
}
.partner .list li .info h4{
    font-size: 14px;
    line-height: 30px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media only screen and (max-width: 750px){
    .partner{
        padding: 22px 0 35px;
    }
    .partner .list{
        padding-top: 28px;
    }
    .partner .list li{
        float: left;
        width: 50%;
        box-sizing: border-box;
    }
}
/*---- research-insight 综研洞察 ----*/
/*sub-banner*/
.sub-banner {
    position: relative;
    width: 100%;
    height: 330px;
}
.sub-banner .img{
    position: relative;
    width: 100%;
    height: 100%;
}
.sub-banner .img img{
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.sub-banner .info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sub-banner .info .container{
    position: relative;
}
.sub-banner .info h1{
    font-size: 48px;
    line-height: 1;
    color: #fff;
    padding-top: 115px;
    font-family: 'sy5';
}
.sub-banner .info p{
    position: absolute;
    right: 0;
    top: 115px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: url(../bg/bg-t3.png) repeat center;
    padding: 24px;
    max-width:650px;
}
@media only screen and (max-width: 750px){
    .sub-banner .info p{
        position: static;
        background: none;
        padding: 20px 0 0;
    }
}
/*breadcrumbs*/
.breadcrumbs{
    line-height: 1;
    padding-top: 38px;
}
.breadcrumbs a,
.breadcrumbs span{
    font-size: 18px;
    color: #666;
}
.breadcrumbs a:hover{
    /*color:#008fd6;*/
}
.breadcrumbs .line{
    display: inline-block;
    width: 1px;
    height: 17px;
    background: url(../bg/ico-line.png) no-repeat center center;
    vertical-align: bottom;
    margin: 0 10px;
}
.breadcrumbs span.cur{
    color: #006fdb;
}
@media only screen and (max-width: 750px){
    .breadcrumbs{
        padding-top: 20px;
    }
}
@media only screen and (max-width: 480px){
    .sub-banner .info h1{
        font-size: 40px;
        padding-top: 100px;
    }
    .sub-banner .info p{
        padding-top: 20px;
    }
}
/*---- complex-view 樊纲观点 ----*/
/*view*/
.content{
    width: 100%;
    background: #fff;
    margin: 0 auto;
}
.view{
    padding: 44px 0 70px;
}
/*list*/
.view .list-det{
    margin-bottom: 45px;
}
.view .list{
    padding-top: 60px;
    margin-left: -10px;
    margin-right: -10px;
}
.view .list-det .list-menu{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.view .list-det .list-all{
    width: 40%;
    padding-left: 0;
    padding-right: 0;
}
.view .list-det .list-all li{
    padding-left: 10px;
    padding-right: 10px;
}
.view .list-det li .item{
    position: relative;
    width: 100%;
    background-color: #f9f9f9;
}
.view .list-det li .img{
    width: 100%;
    overflow: hidden;
}
    .view .list-det li .img img {
        width: 100%;
    }
    /*.view .list-det li.col-md-4 .img img {
        width: 100%;
        height: 215px;
    }
    .view .list-det li.col-md-3 .img img {
        width: 100%;
        height: 154px;
    }
    .view .list-det li.col-md-6 .img img {
        width: 100%;
        height: 327px;
    }*/
    ul.setimage li.col-md-4 .img img {
        height: 215px;
    }
    ul.setimage li.col-md-3 .img img {
        height: 154px;
    }
    ul.setimage li.col-md-6 .img img {
        height: 327px;
    }
    
    ul.setimage320 li.col-md-3 .img img {
        height: 320px;
    }
    ul.setimage375 li.col-md-3 .img img {
        height: 375px;
    }


.view .list-det li .info{
    overflow: hidden;
    padding: 20px 15px 20px 18px;
    box-sizing: border-box;
}
.view .list .list-all li .info{
    height: 187px;
}
.view .list-det li .info span{
    display: block;
    overflow: hidden;
    font-size: 16px;
    line-height: 32px;
    color: #333;
    font-weight: 600;
    text-align: justify;
    font-family: 'sy5';
}
.view .list .list-all li .info span {
    height: 32px;
    /*height: 128px;*/
}
.view .list-det li .info p{
    height: 94px;
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: justify;
    padding-top: 10px;
}
.view .list-det li .info em{
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #666;
}
.view .list-det li .details{
    display: none;
    position: absolute;
    bottom: 0;
    z-index: 10;
    width:100%;
    overflow: hidden;
    padding: 25px 10px;
    box-sizing: border-box;
    background-color: #fff;
    /*border: 1px solid #006fdb;*/
}
.view .list .list-all li .details{
    height: 187px;
}
.view .list-det li .details p{
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: justify;
}
.view .list .list-all li .details p {
    height: 112px;
}
.view .list-det li .details .a-full{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #006fdb;
    padding-top: 12px;
    padding-left: 43px;
}
.view .list-det li .details .a-full:before,
.view .list-det li .details .a-full before{
    position: absolute;
    left: 0;
    top: 22px;
    content: '';
    display: inline-block;
    width: 23px;
    height: 9px;
    background: url(../bg/ico-right.png) no-repeat center center;
    vertical-align: middle;
    -webkit-animation: left ease-in-out 0.8s;
    -moz-animation: left ease-in-out 0.8s;
    -o-animation: left ease-in-out 0.8s;
    animation: left ease-in-out 0.8s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}
.view .list-det .list-right{
    width: 60%;
}
.view .list-det .list-right ul{
    margin-left: -10px;
    margin-right: -10px;
}
.view .list-det .list-right li{
    padding-left: 10px;
    padding-right: 10px;
}
.view .list .list-right li .info{
    height: 255px;
}
.view .list .list-right li .info span{
    /*height: 194px;*/
}
.view .list .list-right li .info p{
    height: 122px;
}
.view .list .list-right li .details{
    height: 255px;
}
.view .list .list-right li .details p {
    height: 174px;
}
/*list2*/
.view .list2{
    margin-left: -13px;
    margin-right: -13px;
}
.view .list2 li{
    padding-left: 13px;
    padding-right: 13px;
}
.view .list2 li .info{
    height: 187px;
    padding: 30px 20px;
}
.view .list2 li .info span{
    height: 104px;
}
.view .list2 li .details{
    height: 187px;
}
.view .list2 li .details p{
    height: 116px;
}
/*list3*/
.view .list3{
    margin-left: -17px;
    margin-right: -17px;
}
.view .list3 li{
    padding-left: 17px;
    padding-right: 17px;
}
    .view .list3 li .info {
        height: 230px;
        padding: 30px 18px;
        box-shadow: 0 8px 27px rgba(179,179,179,.2);
    }
.view .list3 li .info span{
    /*height: 150px;*/
}
.view .list3 li .info p{
    height: 94px;
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: justify;
    padding-top: 10px;
}
.view .list3 li .details{
    /*height: 230px;*/
}
.view .list3 li .details p{
    /*height: 156px;*/
}
    .view .list3 li .details p a {
        color: #006fdb;
    }
/*list4*/
.view .list4{
    margin-left: -10px;
    margin-right: -10px;
}
.view .list4 .list-all li .info,
.view .list4 .list-all li .details{
    height: 177px;
}
.view .list4 .list-all li .info span {
    /*height: 118px;*/
}
.view .list4 .list-all li .info p{
    height: 122px;
}
.view .list4 .list-all li .details p {
    height: 102px;
}
.view .list4 .list-right li .info,
.view .list4 .list-right li .details{
    height: 245px;
}
.view .list4 .list-right li .info span {
    /*height: 184px;*/
}
.view .list4 .list-right li .details p {
    height: 170px;
}
@media only screen and (max-width: 1200px){
    .view .list .list-right li .info{
        height: 242px;
    }
    .view .list .list-right li .details{
        height: 242px;
    }
    .view .list .list-right li .info span{
        /*height: 160px;*/
    }
    .view .list .list-right li .details p{
        height: 140px;
    }
    .view .list4 .list-right li .info,
    .view .list4 .list-right li .details {
        height: 232px;
    }
}
@media only screen and (max-width: 767px){
    .view .list-det .list-all,
    .view .list-det .list-right{
        width: 100%;
    }
}
@media only screen and (max-width: 750px){
    .view {
        padding: 22px 0 35px;
    }
    .view .list{
        padding-top: 30px;
    }
    .view .list-det{
        margin-bottom: 22px;
    }
    .view .list-det li{
        margin-bottom: 25px;
    }
    .view .list4 .list-all li:last-child{
        margin-bottom: 0;
    }
}
/*---- complex-economic 中国经济月报 ----*/
/*economic*/
.economic{
    padding: 44px 0 70px;
}
.economic .list{
    padding-top: 60px;
}
.economic .list ul{
    margin-left: -20px;
    margin-right: -20px;
}
.economic .list li{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}
.economic .list li .item {
    display: block;
    position: relative;
    width: 100%;
    background-color: #f5f5f5;
}
.economic .list li .img{
    width: 100%;
    overflow: hidden;
}
.economic .list li .img img{
    width: 100%;
}
    .economic .list li .info {
        height: 133px;
        overflow: hidden;
        padding: 12px 15px 15px;
        box-sizing: border-box;
        box-shadow: 0 8px 27px rgba(179,179,179,.2);
    }
.economic .list li .info span{
    display: block;
    height: 84px;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: 600;
    text-align: justify;
    font-family: 'sy5';
}
.economic .list li .info em{
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #666;
}
.economic .list li .date{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -28px;
    width: 100%;
    font-size: 20px;
    color: #fff;
    font-family: 'sy5';
    text-align: center;
}
@media only screen and (max-width: 750px){
    .economic {
        padding: 22px 0 35px;
    }
    .economic .list {
        padding-top: 30px;
    }
    .economic .list li{
        margin-bottom: 25px;
    }
    .economic .list li:last-child{
        margin-bottom: 0;
    }
}
/*---- complex-inside-page 新闻内页 ----*/
.inside .logo{
    position: static;
    margin: 18px auto;
}
.inside-page {
    position: relative;
    margin: -108px auto 100px;
    width: 1238px;
}
.inside-page .details{
    width: 961px;
    background: #fff;
    /*box-shadow: 0 10px 35px rgba(0,0,0,.05);*/
    padding: 35px 40px 35px 37px;
}
.inside-page .details .breadcrumbs{
    padding-top: 0;
    padding-bottom: 20px;
}
.inside-page .details .head{
    position: relative;
}
.inside-page .details .head h1{
    display: block;
    /*width: 62%;*/
    font-size: 30px;
    line-height: 40px;
    color: #333;
    font-family: 'sy1';
    padding-bottom: 15px;
}
.inside-page .details .head p{
    font-size: 18px;
    line-height: 30px;
    color: #999;
    font-family: 'sy7';
}
.inside-page .details .head .eye-num{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 18px;
    line-height: 30px;
    color: #999;
    font-family: 'sy7';
}
.inside-page .details .head .eye-num .ico-eye{
    width: 27px;
    height: 15px;
    background: url(../bg/ico-eye.png) no-repeat center center;
    vertical-align: middle;
    margin-right: 15px;
}
.inside-page .details .info{
    padding-top: 48px;
}
.inside-page .details .info p{
    font-size: 16px;
    line-height: 34px;
    color: #333;
    padding-bottom: 25px;
    text-align: justify;
}
.inside-page .details .info p img{
    width: 100%;
}
.inside-page .details .share{
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    color: #999;
}
.inside-page .details .share .a-icon{
    float: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 25px;
    vertical-align: middle;
}
.inside-page .details .share .a-wechat{
    background: url(../bg/ico-wechat2.png) no-repeat center center;
}
.inside-page .details .share .a-wechat:hover{
    background-image: url(../bg/ico-wechat2-h.png);
}
.inside-page .details .share .a-sina{
    background: url(../bg/ico-sina2.png) no-repeat center center;
}
.inside-page .details .share .a-sina:hover{
    background-image: url(../bg/ico-sina2-h.png);
}
.inside-page .details .share .a-facebook{
    background: url(../bg/ico-facebook2.png) no-repeat center center;
}
.inside-page .details .share .a-facebook:hover{
    background-image: url(../bg/ico-facebook2-h.png);
}
.inside-page .details .share .a-linkedin{
    background: url(../bg/ico-linkedin.png) no-repeat center center;
}
.inside-page .details .share .a-linkedin:hover{
    background-image: url(../bg/ico-linkedin-h.png);
}
.inside-page .details .share .a-twitter{
    background: url(../bg/ico-twitter2.png) no-repeat center center;
}
.inside-page .details .share .a-twitter:hover{
    background-image: url(../bg/ico-twitter2-h.png);
}
.inside-page .details .like-add{
    width: 180px;
    height: 60px;
    line-height: 60px;
    background: #006FDB;
    border-radius: 5px;
    margin: 50px auto 70px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: 'sy7';
}
.inside-page .details .like-add .ico-like{
    width: 29px;
    height: 30px;
    background: url(../bg/ico-like.png) no-repeat center center;
    vertical-align: sub;
    margin-right: 30px;
}
.inside-page .details .like-add p{
    display: inline-block;
    font-size: 18px;
    line-height: 60px;
    color: #fff;
    font-family: 'sy7';
}
.inside-read{
    width: 274px;
    box-sizing: border-box;
    padding-left: 32px;
    margin-top: 108px;
}
.inside-read .head h4{
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #006FDB;
    text-align: center;
    font-family: 'sy7';
}
.inside-read .head{
    padding-top: 120px;
}
.inside-read .head h4:before,
.inside-read .head h4 before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 15px;
    width: 29%;
    height: 1px;
    background: #006FDB;
}
.inside-read .head h4:after,
.inside-read .head h4 after{
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 15px;
    width: 29%;
    height: 1px;
    background: #006FDB;
}
.inside-read .list{
    padding-top: 50px;
}
.inside-read .list li{
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
}
.inside-read .list li:last-child{
    margin-bottom: 0;
}
.inside-read .list li .item{
    position: relative;
    width: 100%;
    background-color: #e3f5ff;
}
.inside-read .list li .img{
    width: 100%;
    overflow: hidden;
}
.inside-read .list li .img img{
    width: 100%;
}
.inside-read .list li .info{
    width: 100%;
    max-height: 190px;
    overflow: hidden;
    padding: 10px 16px;
    box-sizing: border-box;
}
.inside-read .list li .info h4{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.inside-read .list li .info h4:before,
.inside-read .list li .info h4 before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 19px;
    background: #006fdb;
    vertical-align: middle;
    margin-right: 12px;
}
.inside-read .list li .info span{
    display: block;
    max-height: 100px;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: 600;
    text-align: justify;
    padding-top: 10px;
    font-family: 'sy5';
}
.inside-read .list li .info em{
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    padding-top: 5px;
}
    .inside-read .list li .details {
        position: absolute;
        bottom: 0;
        z-index: 10;
        display: none;
        width: 100%;
        /*height: 192px;*/
        overflow: hidden;
        padding: 10px 10px 15px;
        box-sizing: border-box;
        background-color: #fff;
        border: 1px solid #e3e3e3;
    }
.inside-read .list li .details p{
    /*height: 144px;*/
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: justify;
}
.inside-read .list li .details .a-full{
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #006fdb;
}
@media only screen and (max-width: 1400px){
    .inside-page{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .inside-page .details{
        width: 75%;
        padding: 30px 35px;
    }
    .inside-read{
        width: 25%;
        padding-left: 25px;
    }
}
@media only screen and (max-width: 991px){
    .inside-page .details .head h1{
        width: 100%;
    }
    .inside-read .head h4:before,
    .inside-read .head h4 before,
    .inside-read .head h4:after,
    .inside-read .head h4 after{
        width: 25%;
    }
}
@media only screen and (max-width: 750px){
    .inside .logo{
        margin: 12px auto;
    }
    .inside-page{
        margin: -54px auto 50px;
    }
    .inside-page .details {
        width: 100%;
        padding: 25px 30px;
    }
    .inside-page .details .head .eye-num{
        position: static;
        padding-top: 10px;
    }
    .inside-page .details .info {
        padding-top: 24px;
    }
    .inside-page .details .like-add{
        margin: 25px auto 35px;
    }
    .inside-read{
        width: 100%;
        padding-left: 0;
        margin-top: 0;
    }
    .inside-read .head {
        padding-top: 30px;
    }
    .inside-read .list {
        padding-top: 25px;
    }
}
@media only screen and (max-width: 480px){
    .inside-page .details{
        padding: 15px 18px;
    }
    .inside-page .details .head h1{
        font-size: 24px;
        line-height: 32px;
        text-align: justify;
    }
    .p-keyword{
        width: 78%;
    }
    .inside-page .details .like-add{
        width: 140px;
        height: 50px;
        line-height: 50px;
    }
    .inside-page .details .like-add .ico-like{
        width: 24px;
        height: 25px;
        -webkit-background-size: 100%;
        background-size: 100%;
        margin-right: 10px;
    }
    .inside-page .details .like-add p{
        font-size: 16px;
        line-height: 50px;
    }
    .inside-page .details .share .a-icon{
        width: 25px;
        height: 25px;
        -webkit-background-size: 100%;
        background-size: 100%;
        margin-left: 15px;
    }
}
@media only screen and (max-width: 410px){
    .inside-page .details {
        /*padding: 15px 10px;*/
    }
    .inside-page .details .share{
        height: auto;
        font-size: 16px;
    }
}
/*---- publication-report 综研报告 ----*/
/*economic*/
.economic .list li .details{
    position: absolute;
    bottom: 0;
    z-index: 10;
    display: none;
    /*height: 185px;*/
    overflow: hidden;
    padding: 20px 10px;
    box-sizing: border-box;
    background-color: #fff;
    /*border: 1px solid #006fdb;*/
}
.economic .list li .details p{
    /*height: 112px;*/
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: justify;
}
.economic .list li .details .a-full{
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #006fdb;
    padding-top: 12px;
}
/*---- research-advisory 研究咨询 ----*/
/*advisory*/
.advisory .list li .item{
    background-color: #fff;
}
.advisory .list li .info{
    height: 200px;
    padding: 15px 10px;
}
.advisory .list li .info span{
    height: 94px;
}
.advisory .list li .info p{
    font-family: 'sy5';
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.advisory .list li .details{
    /*height: 255px;*/
    padding: 10px 20px;
}
.advisory .list li .details p{
    /*height: 224px;*/
}
/*---- research-strategy 国家宏观战略 ----*/
/*strategy*/
.strategy .list ul{
    margin-left: -17px;
    margin-right: -17px;
}
.strategy .list li{
    padding-left: 17px;
    padding-right: 17px;
}
    .strategy .list li .info {
        height: 240px;
        padding: 30px 22px;
        box-shadow: 0 8px 27px rgba(179,179,179,.2);
    }
.strategy .list li .info h4{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.strategy .list li .info h4:before,
.strategy .list li .info h4 before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 19px;
    background: #006fdb;
    vertical-align: middle;
    margin-right: 12px;
}
.strategy .list li .info span{
    padding-top: 10px;
}
.strategy .list li .info p {
    font-family: 'sy5';
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
}
.strategy .list li .details{
    /*height: 242px;*/
    padding: 25px 20px;
}
.strategy .list li .details p{
    /*height: 190px;*/
}
.strategy .list ul.ul-list li .info{
    height: 204px;
    padding: 20px 16px;
}
.strategy .list li ul.ul-list .details{
    height: 255px;
    padding: 10px 20px;
}
@media only screen and (max-width: 750px){
    .strategy .list ul{
        margin-bottom: 25px;
    }
    .strategy .list ul:last-child{
        margin-bottom: 0;
    }
}
/*---- research-financial 金融中心指数 ----*/
/*financial*/
.financial .list li .info{
    height: 175px;
}
.financial .list li .info h4{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.financial .list li .info h4:before,
.financial .list li .info h4 before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 19px;
    background: #006fdb;
    vertical-align: middle;
    margin-right: 12px;
}
.financial .list li .info span{
    padding-top: 10px;
}
.financial .list li .details{
    height: 175px;
    padding: 15px 10px
}
@media only screen and (max-width: 750px){

}
/*---- research-financial-details 金融中心指数详情 ----*/
/*sequence*/
.sequence .rule{
    padding-bottom: 25px;
}
.inside-page .details .info .sequence .rule p{
    padding-bottom: 0;
}
@media only screen and (max-width: 750px){

}
/*---- publication 出版物 ----*/
/*publication*/
.publication .list ul{
    margin-left: -20px;
    margin-right: -20px;
}
.publication .list li {
    padding-left: 20px;
    padding-right: 20px;
}
.publication .list li .info{
    height: 60px;
    padding: 0;
    text-align: center;
}
.publication .list li:hover .info{
    background-color: #006FDB;
}
.publication .list li .info p{
    font-size: 18px;
    line-height: 60px;
    color: #333;
    font-family: 'sy5';
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.publication .list li:hover .info p{
    color: #fff;
}
/*publication2*/
.publication2 .list ul{
    margin-left: -20px;
    margin-right: -20px;
}
.publication2 .list li {
    padding-left: 20px;
    padding-right: 20px;
}
.publication2 .list li .item{
    background-color: #fff;
}
.publication2 .list li .info{
    height: 145px;
    padding: 20px 15px;
    box-shadow: 0 8px 27px rgba(179,179,179,.2);
}
.publication2 .list li .info.cur{
    box-shadow: none;
}
.publication2 .list li .info span{
    height: 80px;
    font-size: 18px;
    padding-top: 0;
}
.publication2 .list li .details{
    /*height: 185px;*/
    padding: 20px 15px;
}
.publication2 .list li .details p{
    /*height: 112px;*/
}
.publication2 .list li .details .a-full:before,
.publication2 .list li .details .a-full before{
    /*display: none;*/
}
@media only screen and (max-width: 1200px){

}
/*---- publication-guide 开放导报 ----*/
/*guide*/
.guide .list{
    padding-top: 31px;
}
.guide .list li .info{
    height: 145px;
    padding: 20px 14px;
}
.guide .list li .details{
    padding: 20px 12px;
}
.guide .guide-list2{
    margin-left: -15px;
    margin-right: -15px;
}
.guide .guide-list2 .guide-col{
    padding-left: 15px;
    padding-right: 15px;
}
.guide .guide-list2 .list-left{
    width: 53%;
    height: auto;
}
.guide .guide-list2 .list-left .list-item{
    position: relative;
    width: 100%;
    height: 100%;
}
    .guide .guide-list2 .list-left .item, .guide2 .item {
        position: relative;
        height: 100%;
        background-color: #fff;
        padding: 20px 40px;
        border: 1px solid #cbcbcb;
    }
        .guide .guide-list2 .list-left .head, .guide2 .item .head {
            font-size: 24px;
            line-height: 32px;
            color: #333;
            text-align: center;
            font-family: 'sy1';
        }
            .guide .guide-list2 .list-left .head:before,
            .guide .guide-list2 .list-left .head before
            .guide2 .item .head:before,
            .guide2 .item .head before {
                content: '';
                display: inline-block;
                width: 23px;
                height: 24px;
                background: url(../bg/ico-essay.png) no-repeat center center;
                margin-right: 18px;
                vertical-align: middle;
            }
        .guide .guide-list2 .list-left .info, .guide2 .item .info {
            margin-top: 45px;
            height: 305px;
            overflow: auto;
            margin-bottom: 30px;
        }
            .guide .guide-list2 .list-left .info::-webkit-scrollbar,
            .guide2 .item .info::-webkit-scrollbar {
                width: 6px;
                background-color: #e6e6e6;
            }
            .guide .guide-list2 .list-left .info::-webkit-scrollbar-thumb,
            .guide2 .item .info::-webkit-scrollbar-thumb {
                background-color: #006fdb;
            }
            .guide .guide-list2 .list-left .info .text,
            .guide2 .item .info .text {
                width: 65%;
                font-size: 14px;
                line-height: 30px;
                color: #333;
                font-family: 'sy7';
            }
                .guide .guide-list2 .list-left .info .text .text-details,
                .guide2 .item .info .text .text-details {
                    margin-bottom: 25px;
                }
                    .guide .guide-list2 .list-left .info .text .text-details p,
                    .guide2 .item .info .text .text-details p {
                        display: inline-block;
                        vertical-align: top;
                    }
                        .guide .guide-list2 .list-left .info .text .text-details p a,
                        .guide2 .item .info .text .text-details p a {
                            color: #333;
                        }
            .guide .guide-list2 .list-left .info .qr-code,
            .guide2 .item .info .qr-code {
                width: 129px;
                border: 1px solid #dbdbdb;
            }
                .guide .guide-list2 .list-left .info .qr-code img,
                .guide2 .item .info .qr-code img {
                    width: 100% !important;
                }
.essay-notice{
    display: block;
    position: absolute;
    bottom: 30px;
    margin-left: -40px;
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    color: #006fdb;
    font-family: 'sy7';
    text-align: center;
    padding: 20px 0 0;
}
.essay-notice:hover{
    color: #006fdb;
}
.guide .guide-list2 .list-left .item2 {
    width: 100%;
}
.guide .guide-list2 .list-left .item2,
.guide2 .item2 {
    display: none;
    position: absolute;
    bottom: 0;
    height: 100%;
    background-color: #fff;
    padding: 20px 23px;
    border: 1px solid #006fdb;
}
    .guide .guide-list2 .list-left .item2 h3,
    .guide2 .item2 h3 {
        font-size: 18px;
        line-height: 32px;
        color: #333;
        font-family: 'sy5';
        text-align: center;
    }
    .guide .guide-list2 .list-left .item2 .info,
    .guide2 .item2 .info {
        height: 330px;
        overflow: auto;
        margin-top: 10px;
    }
        .guide .guide-list2 .list-left .item2 .info::-webkit-scrollbar,
        .guide2 .item2 .info::-webkit-scrollbar {
            width: 6px;
            background-color: #e6e6e6;
        }
        .guide .guide-list2 .list-left .item2 .info::-webkit-scrollbar-thumb,
        .guide2 .item2 .info::-webkit-scrollbar-thumb {
            background-color: #006fdb;
        }
        .guide .guide-list2 .list-left .item2 .info p,
        .guide2 .item2 .info p {
            font-size: 14px;
            line-height: 30px;
            color: #333;
            font-family: 'sy7';
            text-align: justify;
        }
.essay-return{
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    background: #006FDB;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.essay-return:hover{
    color: #fff;
}
.guide .guide-list2 .list-right{
    width: 47%;
}
.guide .guide-list2 .list-right ul{
    margin-left: -14px;
    margin-right: -14px;
}
.guide .guide-list2 .list-right li{
    padding-left: 14px;
    padding-right: 14px;
}
@media only screen and (max-width: 1200px){
    .guide .guide-list2 .list-left .info{
        height: 238px;
    }
    .guide .guide-list2 .list-left .info .text{
        width: 70%;
    }
    .guide .guide-list2 .list-left .info .qr-code{
        width: 28%;
    }
    .essay-notice{
        bottom: 20px;
    }
    .guide .guide-list2 .list-left .item2 .info,
    .guide2 .item2 .info {
        height: 235px;
    }
}
@media only screen and (max-width: 991px){
    .guide .guide-list2 .list-left .item, .guide2 .item {
        padding: 10px 20px;
    }
        .guide .guide-list2 .list-left .info, .guide2 .item .info {
            margin-top: 25px;
            height: 209px;
        }
    .guide .guide-list2 .list-left .item2,
    .guide2 .item2 {
        padding: 10px 12px;
    }
        .guide .guide-list2 .list-left .item2 .info,
        .guide2 .item2 .info {
            height: 174px;
        }
}
@media only screen and (max-width: 750px){
    .guide .list {
        padding-top: 15px;
    }
    .guide .guide-list2 .list-left,
    .guide .guide-list2 .list-right{
        width: 100%;
    }
    .guide .guide-list2 .list-left{
        margin-bottom: 25px;
    }
    .guide .guide-list2 .list-left{
        height: 400px;
    }
    .guide .guide-list2 .list-left .info{
        height: 285px;
    }
        .guide .guide-list2 .list-left .item2 .info,
        .guide2 .item2 .info {
            height: 256px;
        }
}
/*---- publication-guide-details 开放导报详情 ----*/
/*graphic*/
.graphic{
    padding-top: 40px;
}
.graphic .img{
    width: 39%;
}
.graphic .img img{
    width: 100%!important;
}
.graphic .cont{
    position: relative;
    width: 61%;
    padding-left: 36px;
    box-sizing: border-box;
}
/*sample-read*/
.sample-read{
    width: 100%;
    padding-top: 110px;
}
.sample-read .head h4{
    position: relative;
    font-size: 24px;
    line-height: 30px;
    color: #333;
    text-align: center;
}
.sample-read .head h4:before,
.sample-read .head h4 before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 15px;
    width: 42%;
    height: 1px;
    background: #999;
}
.sample-read .head h4:after,
.sample-read .head h4 after{
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 15px;
    width: 42%;
    height: 1px;
    background: #999;
}
.sample-read .list{
    padding-top: 40px;
}
.sample-read .list li{
    font-size: 18px;
    color: #666;
}
.sample-read .list li .item{
    display: block;
    position: relative;
    font-size: 18px;
    color: #666;
    padding-left: 33px;
    box-sizing: border-box;
}
.sample-read .list li .item:before,
.sample-read .list li .item before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 26px;
    left: 0;
    width: 9px;
    height: 9px;
    background: #666;
    border-radius: 50%;
}
.sample-read .list li p{
    display: inline-block;
    width: 80%;
    line-height: 60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sample-read .list li em{
    float: right;
    display: inline-block;
    width: 18%;
    line-height: 60px;
    text-align: right;
}
@media only screen and (max-width: 991px){
    .sample-read .head h4:before,
    .sample-read .head h4 before,
    .sample-read .head h4:after,
    .sample-read .head h4 after{
        width: 38%;
    }
}
@media only screen and (max-width: 768px){
    .graphic .img{
        width: 100%;
    }
    .graphic .cont{
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }
    .p-margin{
        margin-top: 0!important;
        padding-bottom: 15px!important;
    }
}
@media only screen and (max-width: 750px){
    .graphic {
        padding-top: 0;
    }
    .sample-read{
        padding-top: 55px;
    }
    .sample-read .list{
        padding-top: 20px;
    }
}
@media only screen and (max-width: 480px){
    .sample-read .head h4:before,
    .sample-read .head h4 before,
    .sample-read .head h4:after,
    .sample-read .head h4 after{
        width: 30%;
    }
    .sample-read .list li .item{
        padding-left: 25px;
    }
    .sample-read .list li .item:before,
    .sample-read .list li .item before{
        top: 20px;
        width: 7px;
        height: 7px;
    }
    .sample-read .list li p,
    .sample-read .list li em{
        line-height: 48px;
    }
}
/*---- open-area 公开专区 ----*/
/*open-area*/
.open-area .list li .info{
    height: 140px;
}
.open-area .list li .info span{
    height: 90px;
}
@media only screen and (max-width: 1200px){

}
/*---- recommend-read 推荐阅读 ----*/
/*sub-banner*/
.sub-banner .breadcrumbs{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 145px;
}
.sub-banner .breadcrumbs a,
.sub-banner .breadcrumbs span{
    color: #fff;
}
.sub-banner .breadcrumbs span.cur{
    color: #666;
}
.sub-banner .breadcrumbs .line{
    background-image: url(../bg/ico-line2.png);
}
/*recommend*/
.recommend{
    position: relative;
    width: 1254px;
    margin: -108px auto 100px;
    background: #fff;
    box-shadow: 0 10px 35px rgba(0,0,0,.05);
    padding: 25px 28px;
}
.recommend-read .title{
    height: 70px;
    text-align: left;
}
.recommend-read .title h3{
    line-height: 70px;
}
.recommend-read .list{
    height: 330px;
    overflow: auto;
    padding-right: 50px;
    margin-top: 30px;
}
.recommend-read .list::-webkit-scrollbar{
    width: 6px;
    background-color: #e6e6e6;
}
.recommend-read .list::-webkit-scrollbar-thumb{
    background-color:#006fdb;
}
.recommend-read .list ul{
    margin-left: -11.5px;
    margin-right: -11.5px;
}
.recommend-read .list li{
    float: left;
    width: 20%;
    margin-bottom: 45px;
    padding-left: 11.5px;
    padding-right: 11.5px;
}
.recommend-read .list li .item{
    position: relative;
    width: 100%;
    background-color: #e3f5ff;
}
.recommend-read .list li .img{
    width: 100%;
    overflow: hidden;
}
.recommend-read .list li .img img{
    width: 100%;
}
.recommend-read .list li .info{
    height: 171px;
    overflow: hidden;
    padding: 10px 10px 15px;
    box-sizing: border-box;
}
.recommend-read .list li .info h4{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.recommend-read .list li .info h4:before,
.recommend-read .list li .info h4 before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 19px;
    background: #006fdb;
    vertical-align: middle;
    margin-right: 12px;
}
.recommend-read .list li .info span{
    display: block;
    height: 70px;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: 600;
    text-align: justify;
    padding-top: 10px;
    font-family: 'sy5';
}
.recommend-read .list li .info em{
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    padding-top: 5px;
}
.recommend-read .list li .details{
    position: absolute;
    bottom: 0;
    z-index: 10;
    display: none;
    height: 173px;
    overflow: hidden;
    padding: 10px 10px 15px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #006fdb;
}
.recommend-read .list li .details p{
    height: 120px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: justify;
}
.recommend-read .list li .details .a-full{
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #006fdb;
}
@media only screen and (max-width: 1300px){
    .recommend{
        width: auto;
        margin: -108px 15px 0;
    }
}
@media only screen and (max-width: 768px){
    .recommend-read .list{
        height: 300px;
    }
    .recommend-read .list li{
        width: 33.33333%;
    }
}
@media only screen and (max-width: 750px){
    .recommend{
        width: auto;
        margin: -54px 15px 0;
        padding: 20px;
    }
    .recommend-read .list{
        height: 280px;
        padding-right: 25px;
        margin-top: 15px;
    }
    .recommend-read .list li{
        margin-bottom: 25px;
    }
}
@media only screen and (max-width: 480px){
    .recommend-read .title{
        height: 50px;
    }
    .recommend-read .title h3{
        line-height: 50px;
    }
    .recommend-read .list{
        height: 370px;
    }
    .recommend-read .list li{
        width: 100%;
    }
}
/*---- about-institute 关于研究院 ----*/
/*about-institute*/
.about-institute{
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 44px 0;
}
.about-institute .info{
    padding-top: 40px;
}
.about-institute .info p{
    font-size: 16px;
    line-height: 28px;
    color: #666;
    text-align: justify;
    padding-bottom: 20px;
}
/*about-research*/
.about-research{
    background-color: #F6F6F6;
}
.about-research .row{
    margin-left: -17px;
    margin-right: -17px;
}
.about-research .info{
    padding: 0 17px;
}
.about-research .info p{
    padding-top: 0;
    padding-bottom: 40px;
}
.about-research .photo{
    padding: 0 17px;
    margin-left: -8.5px;
    margin-right: -8.5px;
}
.about-research .photo .img{
    float: left;
    width: 71.6%;
    padding-left: 8.5px;
    padding-right: 8.5px;
}
.about-research .photo .img2{
    width: 28.4%;
}
.about-research .photo .img img {
    width: 100%;
}
/*about-video*/
.about-video{
    padding-top: 44px;
    padding-bottom: 0;
}
/*about-excellent*/
.about-excellent{
    background-color: #fff;
}
.about-excellent .expert-team{
    width: 63.5%;
}
.about-excellent .expert-team .list{
    padding: 50px 7px 0;
}
.about-excellent .expert-team .list ul {
    margin-left: -17.5px;
    margin-right: -17.5px;
}
.about-excellent .expert-team .list li {
    padding-left: 17.5px;
    padding-right: 17.5px;
}
.about-excellent .expert-team .list li .item,
.about-excellent .talent .list li .item{
    height: auto;
    padding: 0;
    background: none;
    box-shadow: none;
}
.about-excellent .expert-team .list li .img{
    width: auto;
    height: auto;
    border-radius: 0;
}
.about-excellent .talent{
    width: 36.5%;
}
.about-excellent .talent .title {
    margin-left: 46px;
}
.about-excellent .talent .list{
    margin-left: 65px;
    margin-right: 18px;
}
/*leader-speech*/
.leader-speech{
    width: 100%;
    background: #f6f6f6;
    margin: 0 auto;
    padding: 44px 0 70px;
}
.leader-speech .list{
    padding-top: 60px;
}
.leader-speech .list ul {
    margin-left: -14px;
    margin-right: -14px;
}
.leader-speech .list li {
    padding-left: 14px;
    padding-right: 14px;
}
.leader-speech .list li .item {
    position: relative;
    width: 100%;
    height: 620px;
    overflow: hidden;
    background-color: #fff;
    padding: 20px 28px;
}
.leader-speech .list li .img{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
}
.leader-speech .list li .img img{
    width: 100%;
    height: 100%;
}
.leader-speech .list li .info{
    margin-bottom: 30px;
}
.leader-speech .list li .info h4{
    position: relative;
    margin: -10px auto 20px;
    text-align: center;
}
.leader-speech .list li .info p{
    font-size: 14px;
    line-height: 22px;
    color: #666;
    padding-bottom: 20px;
    text-align: justify;
}
.leader-speech .list li .signature{
    position: absolute;
    right: 28px;
    bottom: 20px;
    text-align: right;
}
.leader-speech .list li .signature p{
    display: inline-block;
}
@media only screen and (max-width: 750px){
    .about-institute{
        padding: 22px 0;
    }
    .about-institute .info{
        padding-top: 20px;
    }
    .about-video{
        padding-top: 22px;
    }
    .about-excellent .expert-team{
        width: 100%;
    }
    .about-excellent .expert-team .list {
        padding: 25px 7px 0;
    }
    .about-excellent .talent{
        width: 100%;
    }
    .about-excellent .talent .title {
        margin-left: 0;
    }
    .about-excellent .talent .list{
        margin: 0 18px;
    }
    .leader-speech{
        padding: 22px 0 35px;
    }
    .leader-speech .list {
        padding-top: 30px;
    }
    .leader-speech .list li{
        margin-bottom: 25px;
    }
    .leader-speech .list li:last-child{
        margin-bottom: 0;
    }
    .leader-speech .list li .item{
        height: auto;
    }
    .leader-speech .list li .info {
        margin-bottom: 50px;
    }
}
/*---- about-organization 组织架构 ----*/
/*organization*/
.organization{
    padding: 70px 0 150px;
}
.organization .info{
    width: 100%;
}
.organization .info img{
    width: 100%;
}
@media only screen and (max-width: 750px){
    .organization {
        padding: 35px 0 75px;
    }
}
/*---- about-liability 社会责任 ----*/
/*liability*/
.liability .list{
    padding-top: 31px;
}
.liability .list .item{
    background-color: #F9F9F9;
}
.liability .list ul{
    margin-left: -11.5px;
    margin-right: -11.5px;
}
.liability .list li{
    padding-left: 11.5px;
    padding-right: 11.5px;
    margin-bottom: 30px;
}
.liability .list li .info{
    height: 175px;
    padding: 20px 18px;
}
.liability .list li .info h4{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.liability .list li .info h4:before,
.liability .list li .info h4 before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 19px;
    background: #006fdb;
    vertical-align: middle;
    margin-right: 12px;
}
.liability .list li .info span{
    height: 90px;
    padding-top: 10px;
}
.liability .list li .details{
    height: 177px;
    padding: 15px 18px;
    background-color: #F9F9F9;
}
@media only screen and (max-width: 750px){
    .liability .list{
        padding-top: 15px;
    }
}
/*---- about-council 理事会 ----*/
/*council*/
.council{
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 44px 0 0;
}
.council .row{
    margin-left: -30px;
    margin-right: -30px;
}
.council-main{
    width: 77.5%;
    padding: 0 30px;
    box-sizing: border-box;
}
.council-chapter .info{
    padding: 30px 0;
}
.council-chapter .info h4{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    font-family: 'sy1';
    padding-bottom: 15px;
}
.council-chapter .info p{
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #333;
    padding-bottom: 15px;
    padding-left: 80px;
}
.council-chapter .info p em{
    position: absolute;
    left: 0;
}
.council-chapter .a-more{
    font-size: 16px;
    line-height: 24px;
    color: #006FDB;
    letter-spacing: 2px;
}
.council-chapter .a-more:after,
.council-chapter .a-more after{
    content: '';
    display: inline-block;
    width: 17px;
    height: 13px;
    background: url(../bg/ico-right3.png) no-repeat center center;
    margin-left: 20px;
}
.council-meeting{
    padding: 44px 0 0;
}
.council-meeting .list{
    padding-top: 36px;
}
.council-meeting .list li .info{
    height: 180px;
    padding: 15px 23px;
}
.council-meeting .list li .info span{
    height: 120px;
    font-size: 18px;
    line-height: 24px;
    padding-top: 0;
}
.council-meeting .list li .details{
    /*height: 182px;*/
    padding: 20px;
}
.council-meeting .list li .details p{
    /*height: 120px;*/
    line-height: 24px;
}
.council-meeting .list li .details .a-full:before,
.council-meeting .list li .details .a-full before{
    /*display: none;*/
}
.past-council{
    width: 22.5%;
    padding: 0 30px;
}
.past-council .head h4{
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #006FDB;
    text-align: center;
    font-family: 'sy7';
}
.past-council .head h4:before,
.past-council .head h4 before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 15px;
    width: 20%;
    height: 1px;
    background: #006FDB;
}
.past-council .head h4:after,
.past-council .head h4 after{
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 15px;
    width: 20%;
    height: 1px;
    background: #006FDB;
}
.past-council .list{
    margin: 0 auto;
    padding: 30px 20px 0;
}
.past-council .list li{
    margin-bottom: 20px;
}
.past-council .list li .item{
    position: relative;
}
.past-council .list li .img{
    width: 100%;
    overflow: hidden;
}
.past-council .list li .img img{
    width: 100%;
}
.past-council .list li .a-council{
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #999;
    padding-top: 10px;
    text-decoration: underline;
    margin: 0 auto;
    text-align: center;
    font-family: 'sy7';
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.past-council .list li .a-council:hover{
    color: #999;
}
.past-council .list li .a-council:before,
.past-council .list li .a-council before{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #999;
    margin-right: 17px;
    vertical-align: middle;
}
@media only screen and (max-width: 1200px){
    .council-main{
        width: 72%;
    }
    .past-council{
        width: 28%;
    }
}
@media only screen and (max-width: 750px){
    .council,.council-meeting{
        padding-top: 22px;
    }
    .council-main,.past-council{
        width: 100%;
    }
    .council-main{
        margin-bottom: 30px;
    }
    .past-council .list{
        padding: 30px 0 0;
    }
    .past-council .list ul{
        margin-left: -10px;
        margin-right: -10px;
    }
    .past-council .list li{
        float: left;
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
/*council-member*/
.council-member .list{
    padding-top: 52px;
}
.council-member .list .img{
    width: 100%;
}
.council-member .list .img img{
    width: 100%;
}
.council-member .list .a-council{
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    padding-top: 15px;
    margin: 0 auto;
    text-align: center;
}
.council-member .list .a-council:hover{
    color: #333;
}
.council-member .list .a-council:before,
.council-member .list .a-council before{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #999;
    margin-right: 17px;
    vertical-align: middle;
}
@media only screen and (max-width: 750px){
    .council-member .list{
        padding-top: 26px;
    }
}
/*---- about-contact 联系我们 ----*/
/*contact*/
.contact{
    padding: 60px 0;
}
.contact ul{
    margin-left: -15px;
    margin-right: -15px;
}
.contact li{
    height: 135px;
    overflow: hidden;
    margin-bottom: 20px;
}
.contact li span{
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #333;
    padding-left: 39px;
    font-family: 'sy5';
    padding-bottom: 15px;
}
.contact li p{
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    padding-left: 39px;
    font-family: 'sy7';
}
.contact li p .ico-tel2{
    position: absolute;
    top: 7px;
    left: 0;
    width: 17px;
    height: 17px;
    background: url(../bg/ico-tel2.png) no-repeat center center;
}
.contact li p .ico-email{
    position: absolute;
    top: 7px;
    left: 0;
    width: 19px;
    height: 14px;
    background: url(../bg/ico-email.png) no-repeat center center;
}
.contact-map{
    position: relative;
    padding-top: 60px;
}
.contact-map .img{
    width: 100%;
}
.contact-map .img img{
    width: 100%;
}
.map-popups{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-46%,-58%);
    background: #fff;
    padding: 10px 32px;
    border: 1px solid #e6e6e6;
    box-shadow: 3px 4px 43px 0 rgba(179,179,179,0.44);
}
.map-popups .bg{
    position: absolute;
    bottom: -29px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 30px;
    background: url(../bg/ico-arrow.png) no-repeat center center;
}
.map-popups .head{
    position: relative;
    height: 40px;
    margin-bottom: 10px;
}
.map-popups .head h4{
    font-size: 20px;
    line-height: 40px;
    color: #333;
    font-family: 'sy5';
    text-align: center;
}
.map-popups .head .ico-close{
    position: absolute;
    top: 12px;
    right: 0;
    width: 16px;
    height: 16px;
    background: url(../bg/ico-close.png) no-repeat center center;
    -webkit-background-size: 100%;
    background-size: 100%;
}
.panoramic{
    position: relative;
    width: 100%;
    border: 1px dashed #3699ff;
}
.panoramic img{
    width: 100%;
}
.panoramic p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background: url(../bg/bg-t7.png) repeat center center;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    font-family: 'sy7';
    box-sizing: border-box;
    padding-left: 24px;
}
.map-popups .info{
    padding: 15px 0;
}
.map-popups .info p{
    font-size: 14px;
    line-height: 30px;
    color: #666;
    font-family: 'sy7';
}
@media only screen and (max-width: 1200px){
    .map-popups{
        transform: translate(-45%,-64%);
    }
}
@media only screen and (max-width: 991px){
    .map-popups{
        width: 65%;
        height: 280px;
        padding: 10px 20px;
    }
    .map-popups .head{
        height: 30px;
    }
    .map-popups .head h4{
        line-height: 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .map-popups .head .ico-close{
        top: 9px;
    }
    .map-popups .info {
        height: 100px;
        overflow: auto;
        padding: 10px 0 0;
    }
    .map-popups .info::-webkit-scrollbar{
        width: 6px;
        background-color: #e6e6e6;
    }
    .map-popups .info::-webkit-scrollbar-thumb{
        background-color:#006fdb;
    }
}
@media only screen and (max-width: 750px){
    .contact {
        padding: 30px 0;
    }
    .contact li{
        height: auto;
        margin-bottom: 30px;
    }
    .contact-map{
        padding-top: 30px;
    }
    .map-popups{
        height: 240px;
    }
    .map-popups .info{
        height: 82px;
    }
    .map-popups .info p{
        line-height: 24px;
    }
}
@media only screen and (max-width: 480px){
    .map-popups{
        transform: translate(-41%,-64%);
        height: auto;
        padding: 10px;
    }
    .map-popups .bg{
        bottom: -21px;
        width: 37px;
        height: 22px;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    .map-popups .head{
        margin-bottom: 5px;
    }
    .map-popups .head h4{
        font-size: 16px;
        line-height: 24px;
    }
    .map-popups .head .ico-close{
        top: 6px;
        width: 12px;
        height: 12px;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    .map-popups .info{
        display: none;
    }
    .panoramic p{
        height: 30px;
        line-height: 30px;
        padding-left: 12px;
    }
}
/*---- about-team 专家团队 ----*/
/*team*/
.team{
    padding: 44px 0;
}
/*team-leader*/
.team-leader .list{
    padding-top: 52px;
}
.team-leader .list ul{
    margin-left: -22px;
    margin-right: -22px;
}
.team-leader .list li{
    padding-left: 22px;
    padding-right: 22px;
    margin-bottom: 44px;
}
.team-leader .list li .item{
    display: block;
    position: relative;
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 24px 21px;
}
.team-leader .list li .img{
    width: 128px;
    height: 128px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
}
.team-leader .list li .img img{
    width: 100%;
    height: 100%;
}
.team-leader .list li .info{
    padding-left: 31px;
    box-sizing: border-box;
}
.team-leader .list li .info h4{
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-family: 'sy5';
}
.team-leader .list li .info span{
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #999;
    font-family: 'sy7';
    padding-bottom: 10px;
}
.team-leader .list li .info p{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    font-family: 'sy7';
}
/*team-research*/
.team-research .title{
    height: 100px;
    line-height: 100px;
}
.team-research .title p{
    position: absolute;
    bottom: 22px;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #999;
    text-align: center;
}
.team-research .main{
    padding-top: 50px;
}
.team-research .list .head{
    font-size: 24px;
    line-height: 1;
    color: #234EB2;
    font-family: 'sy7';
}
.team-research .list ul{
    margin-top: 20px;
    margin-left: -8px;
    margin-right: -8px;
}
.team-research .list li{
    float: left;
    width: 25%;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 45px;
    box-sizing: border-box;
}
.team-research .list li .item{
    display: block;
    position: relative;
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 15px 7px;
}
.team-research .list li .img{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
}
.team-research .list li .img img{
    width: 100%;
    height: 100%;
}
.team-research .list li .info{
    width: 70%;
    padding-left: 8px;
    box-sizing: border-box;
}
.team-research .list li .info h4{
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-family: 'sy5';
}
.team-research .list li .info p{
    height: 36px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    font-family: 'sy7';
}
@media only screen and (max-width: 1200px){
    .team-leader .list li .img{
        width: 25%;
    }
    .team-leader .list li .info{
        width: 75%;
    }
    .team-research .list li .img{
        width: 29%;
    }
    .team-research .list li .info{
        width: 71%;
    }
}
@media only screen and (max-width: 750px){
    .team{
        padding: 22px 0;
    }
    .team-leader .list{
        padding-top: 26px;
    }
    .team-leader .list li{
        margin-bottom: 25px;
    }
    .team-leader .list li .item{
        padding: 20px 15px;
    }
    .team-leader .list li .info{
        padding-left: 18px;
    }
    .team-research .main{
        display: none;
        padding-top: 25px;
    }
    .team-research .list li{
        width: 50%;
        margin-bottom: 25px;
    }
}
/*---- about-team-details 专家详情 ----*/
/*expert*/
.expert .details .info{
    padding-top: 0;
}
.expert .graphic{
    padding-top: 0;
}
.expert .graphic .img{
    width: 23.2%;
}
.expert .graphic .cont{
    width: 76.8%;
    padding-left: 29px;
}
.expert .graphic .cont h4{
    font-size: 24px;
    line-height: 40px;
    color: #333;
    font-family: 'sy5';
}
.expert .graphic .cont p{
    font-size: 16px;
    line-height: 30px;
    color: #999;
    font-family: 'sy7';
}
.expert .graphic .cont .other{
    padding-top: 15px;
}
.expert .graphic .cont .other .text{
    font-size: 16px;
    line-height: 40px;
    color: #333;
    font-family: 'sy7';
}
.expert .graphic .cont .other .text p{
    display: inline-block;
    font-size: 16px;
    color: #666;
    padding-bottom: 0;
}
.expert .graphic .cont .other .text p.network{
    margin-right: 25px;
}
.expert .graphic .cont .other .text p.network i{
    width: 19px;
    height: 19px;
    margin-right: 10px;
}
.expert .graphic .cont .other .text p.network .ico-wechat{
    background: url(../bg/ico-wechat2.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}
.expert .graphic .cont .other .text p.network .ico-qq{
    width: 15px;
    height: 17px;
    background: url(../bg/ico-qq.png) no-repeat center;
}
.expert .graphic .cont .other .text p.network .ico-sina{
    background: url(../bg/ico-sina2.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}
.expert .details .graphic .cont .eye-num{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 18px;
    line-height: 40px;
    color: #999;
    font-family: 'sy7';
}
.expert .details .graphic .cont .eye-num .ico-eye {
    width: 27px;
    height: 15px;
    background: url(../bg/ico-eye.png) no-repeat center center;
    vertical-align: middle;
    margin-right: 15px;
}
.expert .sequence{
    padding-top: 60px;
}
.expert .details .info .sequence .rule p a{
    color: #333;
}
@media only screen and (max-width: 1200px){
    .expert .graphic .cont .other .text{
        width: 85%;
    }
}
@media only screen and (max-width: 768px){
    .expert .graphic .cont{
        padding-top: 0;
    }
}
@media only screen and (max-width: 750px){
    .expert .graphic .img{
        width: 30%;
    }
    .expert .graphic .cont{
        width: 70%;
    }
    .expert .graphic .cont .other {
        padding-top: 0;
    }
    .expert .sequence {
        padding-top: 30px;
    }
}
@media only screen and (max-width: 480px){
    .expert .graphic .img{
        float: none;
        width: 65%;
        margin: 0 auto;
    }
    .expert .graphic .cont{
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .expert .graphic .cont .other .text p.network {
        margin-right: 20px;
    }
}
/*---- search.html  搜索 ----*/
/*search-for*/
.search-for{
    width: 100%;
    height: 146px;
    background: #f6f6f6;
}
.search-for .search2{
    position: relative;
    width: 100%;
    height: 56px;
    margin: 37px auto;
    border-bottom: 1px solid #006fdb;
}
.search-for .search2 .ico-search2{
    position: absolute;
    left: 0;
    top: 17px;
    width: 21px;
    height: 21px;
    background: url(../bg/ico-search2.png) no-repeat center center;
}
.sea-popup2{
    width: 100%;
    height: 56px;
    line-height: 56px;
    margin: 0 auto;
    padding-left: 47px;
    box-sizing: border-box;
}
.sea-popup2 .sea-txt{
    width: 90%;
    height: 56px;
    line-height: 56px;
    font-size: 24px;
    color: #333;
    font-family: 'sy5';
    padding-left: 10px;
}
.sea-popup2 .sea-txt::-webkit-input-placeholder{
    color: #333;
}
.sea-popup2 .sea-txt:-moz-placeholder{
    color: #333;
}
.sea-popup2 .sea-txt::-moz-placeholder{
    color: #333;
}
.sea-popup2 .sea-txt:-ms-input-placeholder{
    color: #333;
}
.search-for .search2 .ico-close2{
    position: absolute;
    right: 0;
    top: 20px;
    width: 16px;
    height: 16px;
    background: url(../bg/ico-close2.png) no-repeat center center;
}
/*search-results*/
.search-results{
    padding-bottom: 100px;
}
.search-results .head{
    padding: 24px 0;
}
.search-results .head span{
    font-size: 14px;
    line-height: 18px;
    color: #999;
}
.search-results .list{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
}
.search-results .list li{
    padding: 30px 0 20px;
    border-bottom: 1px solid #e4e4e4;
}
.search-results .list li .info h4{
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-family: 'sy5';
    padding-bottom: 10px;
    text-align: justify;
}
.search-results .list li:hover .info h4{
    color: #006fdb;
}
.search-results .list li .info p{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: justify;
}
@media only screen and (max-width: 750px){
    .search-for{
        height: 116px;
    }
    .search-for .search2{
        margin: 22px auto;
    }
    .sea-popup2{
        padding-left: 32px;
    }
    .search-results{
        padding-bottom: 50px;
    }
    .search-results .head{
        padding: 15px 0;
    }
    .search-results .list{
        padding-bottom: 15px;
    }
    .search-results .list li{
        padding: 15px 0 10px;
    }
    .search-results .list li .info h4{
        padding-bottom: 5px;
    }
}
/*---- 手机通讯录 ----*/
.sort_box {
    /*display: none;*/
    width: 100%;
    padding-top: 25px;
    overflow: hidden;
}

.sort_letter {
    font-size: 24px;
    line-height: 36px;
    color: #234EB2;
    font-family: 'sy7';
    margin-bottom: 20px;
}

    .sort_letter:before,
    .sort_letter:after {
        display: block;
        clear: both;
        content: '';
    }

.sort_list {
    float: left;
    width: 280px;
    position: relative;
    padding: 10px 20px;
    border: 1px solid #e6e6e6;
    margin: 0 20px 20px 0;
}

    .sort_list .num_logo {
        width: 18%;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 50%;
        margin-top: 10px;
    }

        .sort_list .num_logo img {
            width: 100%;
            height: 43px;
            margin-top: 10px;
        }

    .sort_list .info {
        width: 82%;
        padding-left: 18px;
        padding-top: 10px;
        box-sizing: border-box;
    }

        .sort_list .info .num_name {
            font-size: 18px;
            line-height: 30px;
            color: #333;
            font-family: 'sy5';
        }

        .sort_list .info p {
            font-size: 14px;
            line-height: 18px;
            height: 26px;
            color: #666;
            font-family: 'sy7';
            padding-top: 6px;
            margin-bottom: 6px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

.initials {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999999;
    width: 15px;
    height: 100%;
    margin-right: 10px;
    text-align: center;
    font-size: 12px;
    background: transparent;
    display: none;
}

    .initials ul li {
        cursor: pointer;
    }

    .initials li img {
        width: 14px;
    }

#letter {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    font-size: 75px;
    color: #555;
    text-align: center;
    line-height: 100px;
    background: rgba(145,145,145,.6);
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    z-index: 99;
    display: none;
}

.table-row table {
    width: 100%;
}

    .table-row table tbody tr {
        display: flex;
        flex-wrap: wrap;
    }

        .table-row table tbody tr td {
            flex: 0 0 25%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 10px;
        }
@media only screen and (max-width: 750px) {
    .table-row table tbody tr {
        justify-content: center;
    }
    .sort_box {
        display: block;
    }

    .sort_list {
        width: 95%;
        margin: 0 0 20px 0;
    }

    .initials {
        /*display: block;*/
    }
}

/*start 2019-09-25 LY*/
.ly-about-list {
    border-bottom: 1px solid #e6e6e6;
}

    .ly-about-list:last-of-type {
        border-bottom: none;
    }

    .ly-about-list > .ly-title {
        font-size: 24px;
        font-weight: bold;
        padding: 10px 0;
        margin-bottom: 20px;
    }

    .ly-about-list .ly-img {
        margin-right: 10px;
    }

    .ly-about-list .ly-name {
        font-size: 18px;
        color: #000;
    }

.ly-container-fluid {
    padding: 50px 20px 50px 0;
}
/* 2019-09-25 end*/